<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./模块化用js/a.js"></script>
    <script src="./模块化用js/b.js"></script>
</head>
<body>
    <script>
        // 前端模块化: 把代码分成不同文件存放齐啦
        // 模块内部有独立的命名空间
        // 优点:防止变量污染

        console.log(aModule.num);
        console.log(bModule.num);

        // 模块化的阶段
        // 1.自执行 : 不够灵活
        // 2.独立命名空间 : 引用复杂
        // 3.require.js 利用js框架
        // 4.ES6自己的模块化工具 ESM
        // 5.使用node.js里的common.js模块化
    </script>
</body>
</html>